<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
var socket;
    
if(!window.WebSocket){

	window.WebSocket = window.MozWebSocket;
}

if(window.WebSocket){
	socket = new WebSocket("ws://127.0.0.1:8088/websocket");
	
	socket.onmessage = function(event){

		  var ta = document.getElementById('responseText');
		  ta.value += event.data+"\r\n";
	};

	socket.onopen = function(event){

		  var ta = document.getElementById('responseText');
		  ta.value = "打开WebSoket 服务正常，浏览器支持WebSoket!"+"\r\n";
		  
	};

	socket.onclose = function(event){

		  var ta = document.getElementById('responseText');
		  ta.value = "";
		  ta.value = "WebSocket 关闭"+"\r\n";
	};
}else{
	  alert("您的浏览器不支持WebSocket协议！");
}

function send(message){
  if(!window.WebSocket){return;}
  if(socket.readyState == WebSocket.OPEN){
	  socket.send(message);
  }else{
	  alert("WebSocket 连接没有建立成功！");
  }
  
}
</script>
</head>
<body>
hello, websocket
<form onsubmit="return false;">
<input type="text" name="message" value="Netty最佳实践"/><br><br>
<input type="button" value="发送 webSocket请求消息" onclick="send(this.form.message.value)" / >
<hr color="blue" / >
<h3>服务端返回的应答消息</h3>
<textarea id="responseText" style="width:500px;height : 300px; "></textarea>
</form>
</body>
</html>